<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>等高线分析</title>
    <style>
        body {
            position: absolute;
            margin: 0;
            width: 100%;
            height: 100%;
        }

        #mapContainer {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            float: left;
        }
    </style>
</head>

<body>
    <div id="mapContainer" style="position: relative;"></div>
</body>
<script src='/GiswayEngine.js'></script>
<script type="text/javascript">
    var contourLineAnalysis;
    window.app = new GE.App('mapContainer', {
        position: [119.5503034398738, 29.34501850151658, 600],
        lookAt: [119.55097987498354, 29.347578514254775, 10],
        // position: [122.0013976037733, 40.71105917089209, 1000],
        // lookAt: [122.00151626214978, 40.71106690828059, 0],
        cameraScrollSpeed: 5,
        minZoom: 3,
        maxZoom: 18,
        ambientLightIntensity: 5,
        useCarpet: false,
        background: "none",
        isOpenContourLine: true, //开启等高线功能
        useDefaultTexture: false, //是否使用瓦片默认纹理
        extraStep: 4, //额外加载瓦片的步长
        polygonPointNumInShader: 25, //多边形的最大顶点数量, 该属性只在压平分析，淹没分析，压平分析中使用，如果不使用这三个分析功能不要设置该属性，否则会对性能有影响
        baseLayer: [
            {
                //  url: 'http://192.168.88.10:49999/t/HMapServer/rest/wmts/zjlx/{z}/{x}/{y}.png',
                url: ' https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
                urlDecimal: true,
                // demUrl:'http://192.168.88.10:49999/t/tile-server/szxc/zjlx/DEM/lerc/zjlanxi-ky/_alllayers/{z}/{y}/{x}.lerc',
                demUrl: 'http://localhost:9009/examples/resources/dem/zjlx/DEM/lerc/zjlanxi-ky/_alllayers/{z}/{y}/{x}.lerc',
                demUrlDecimal: false,
                demHeightAdjust: 0,
                // tileType: 'image',
                tileType: 'dem',
                canNotSelect: false, //true表示该图层不参与射线拾取，false表示图层参与射线拾取
            },
        ]
    });

    // window.app.camera.setMaxPitchAngle(50);
    // loadModel('http://localhost:9000/examples/resources/fbx/xianzhuang20241030.fbx', 'fbx');

    window.app.on('Click', function (e) {
        console.log(e);
    });




    initContourLine(); //初始化等高线分析
    btn();

    function initContourLine() { //初始化等高线分析
        let contourLineData = {
            isOpenContourLine: true, contourLineWidth: 1, contourLineColor: '#DC143C', contourLineInterval: 15
            // , model: model  //这个参数可以不传，如果不传，高度线分析作用在dem地图上；如果传了这个参数，高度线分析作用在模型上
        }
        let offsetData = {
            realHeightStart: 60,  //在现实世界中，等高线分析的起始高度
            realHeightEnd: 165, //在现实世界中，等高线分析的结束高度
        };
        contourLineAnalysis = new GE.ContourLineAnalysis(
            contourLineData
            , offsetData //可选参数，主要用于模型高度和现实世界高度不一致时，等高线分析使用
        );
    }

    function btn() {
        let button1 = new GE.Button('打开等高线分析', function () {
            contourLineAnalysis.openAnalysis();
        });
        app.ui.add(button1);

        let button2 = new GE.Button('关闭等高线分析', function () {
            contourLineAnalysis.closeAnalysis();
        });
        app.ui.add(button2);
    }

    // function loadModel(url, type, extraUrl) {
    //     model = new GE.OverLay({
    //         type: type,
    //         url: url,
    //         dracoPluginUrl: 'http://localhost:9000/examples/resources/plugin/draco/',
    //         mtlUrl: extraUrl,
    //         // url: 'http://localhost:9000/examples/resources/fbx/ceshi1.FBX',
    //         // url:'http://192.168.2.43:9000/examples/resources/fbx/box.gltf',
    //         position: [122.00151626214978, 40.71106690828059, 0.0],
    //         changeEmissive: true,
    //         // gltfUpAxis: 'Z',
    //         gltfUpAxis: 'Y',
    //         // scale: [1, 1, 1],
    //         // rotation: [90, 0, 0],
    //         isUseContourLine: true, //是否使用等高线
    //         success: function (fbxParent) {

    //         }
    //     })
    //     app.add(model);
    //     window.app.camera.addIntersectObjWithEye(model); //该模型和相机做相交检测，避免穿透

    //     window.model = model;

    //     let contourLineData = {
    //         isOpenContourLine: true, contourLineWidth: 1, contourLineColor: '#DC143C', contourLineInterval: 15
    //         , model: model  //这个参数可以不传，如果不传，高度线分析作用在dem地图上；如果传了这个参数，高度线分析作用在模型上
    //     }
    //     let offsetData = {
    //         realHeightStart: 60,  //在现实世界中，等高线分析的起始高度
    //         realHeightEnd: 165, //在现实世界中，等高线分析的结束高度
    //     };
    //     contourLineAnalysis = new GE.ContourLineAnalysis(
    //         contourLineData
    //         ,offsetData //可选参数，主要用于模型高度和现实世界高度不一致时，等高线分析使用
    //     );
    // }


</script>

</html>